Entwicklung HTML5-Steuerelement
HTML5-Steuerelemente können nur auf Webvisualisierungen (CODESYS WebVisu ) dargestellt werden.
Wenn eine Visualisierung mit einem HTML5-Steuerelement beispielsweise auf einer CODESYS TargetVisu laufen soll, wird eine Warnung ausgegeben. Die HTML5-Steuerelemente werden dort nicht angezeigt.
Die Verwendung eines HTML5-Steuerelements erfordert die Aktivierung der Überlagerungs-Funktionalität.
Aktivieren Sie deshalb im Visualisierungsmanager die Option Client-Animation und Überlagerung systemeigener Elemente unterstützen. Ansonsten wird ein Fehler ausgegeben.
Für weitere Informationen siehe: Visualisierungmanager
Tipp
Beachten Sie das Thema "Security" beim Entwickeln und Verwenden eines HTML5-Steuerelements. Sehen Sie für weitere Informationen:
Beispiel HTML5-API
Demo-Steuerelement als Vorlage
Laden Sie sich das HTML5-API-Beispiel auf Ihren Computer herunter. Dann stehen Ihnen die Demo-Steuerelemente mit Element-Wrapper-JavaScript zur Verfügung.
Wir empfehlen, die Kopie einer ElementWrapper.js aus den HTML5-Beispielen als Vorlage zu verwenden und Name und Funktionalität an Ihr HTML5-Steuerelement anzupassen.
Für weitere Informationen siehe: Beispiel: HTML5-API
Auf der Beispielseite erhalten Sie detaillierte Informationen zu HTML5-Steuerelemente und können das Beispielprojekt herunterladen. Vor allem der Inhalt der JavaScript-Datei ElementWrapper.js ist hilfreich.